<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ request.getContextPath() + "/";
%>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="./css/响应式卡片2.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="<%=path%>">
<title>欢迎页</title>
</head>
 <body>
        <div class="container">
            <div class="card">
                <div class="imgBox">
                    <img src="/images/美女1.jpg" />
                </div>
                <div class="content">
                    <h2>Card One</h2>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
                        Veritatis asperiores illum unde debitis iste, sit
                        suscipit adipisci laborum dicta, aspernatur tempore quod
                        tenetur perspiciatis aliquam soluta et consequuntur,
                        assumenda officiis.
                    </p>
                </div>
            </div>
            <div class="card">
                <div class="imgBox">
                    <img src="/images/美女2.jpg" />
                </div>
                <div class="content">
                    <h2>Card Two</h2>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
                        Veritatis asperiores illum unde debitis iste, sit
                        suscipit adipisci laborum dicta, aspernatur tempore quod
                        tenetur perspiciatis aliquam soluta et consequuntur,
                        assumenda officiis.
                    </p>
                </div>
            </div>
            <div class="card">
                <div class="imgBox">
                    <img src="/images/卡通-美女.jpg" />
                </div>
                <div class="content">
                    <h2>Card Three</h2>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
                        Veritatis asperiores illum unde debitis iste, sit
                        suscipit adipisci laborum dicta, aspernatur tempore quod
                        tenetur perspiciatis aliquam soluta et consequuntur,
                        assumenda officiis.
                    </p>
                </div>
            </div>
        </div>
    </body>
</body>
</html>